<template>
    <div class="flex_col p5 card m5">
        <label class="flex_center_self">货架状态</label>
        <label>软件版本:{{ props.status.version }}</label>
        <div class="flex_row mt10">
            <LabelState name="内旋转气缸" :value="props.status.cy_left"/>
            <LabelState class="ml5" name="外旋转气缸" :value="props.status.cy_right"/>
            <LabelState class="ml5" name="上气缸" :value="props.status.cy_top"/>
            <LabelState class="ml5" name="下气缸" :value="props.status.cy_bottom"/>
        </div>
        <div class="flex_row mt5">
            <LabelState name="取货电机零点" :value="props.status.pick_origin"/>
            <LabelState class="ml5" name="空压机检测" :value="props.status.compr"/>
            <LabelState class="ml5" name="货架按钮" :value="props.status.cargo_btn"/>
            <LabelState class="ml5" name="货架电机零点" :value="props.status.cargo_origin"/>
        </div>
        <div class="flex_row mt5">
            <LabelState name="二次定位传感器" :value="props.status.loc2"/>
            <LabelState class="ml5" name="取货电机堵转" :value="props.status.pick_alm"/>
            <LabelState class="ml5" name="货架电机堵转" :value="props.status.cargo_alm"/>
        </div>
    </div>
    
</template>

<script lang="ts" setup>

import LabelState from '../base/LabelState.vue';
import type { CargoStatus } from '@/service/devices/cargo';

interface Props {
    status: CargoStatus,
}

const props = defineProps<Props>();



</script>
